<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=s, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>

        /*
        箭头函数
        this指向问题 ES5
        1. 对象调用函数 this指向对象
        2. 直接调用函数 this指向window
        3. 如果使用了new关键字 this指向新创建的对象
        4. 如果使用APPLY BIND CALL this指向绑定的数据
        5. 如果使用DOM时间函数 this指向事件源
        */

        const obj = {
            count: 0,
            start: function fn() {
                console.log(this)

                //此时外面的函数fn的this是确定指向obj的  那么里面箭头函数向外查找this和fn的this的指向一致

                setTimeout(() => {
                    console.log(this)
                    this.count++
                    console.log(obj)
                }, 100);
            },

        }

        obj.start()

    </script>
</body>

</html>